<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<head>
<link rel=StyleSheet href="style.css" type="text/css" />
</head>

<body>
	<div class="wraperPrincipal">
		<f:view>

			<f:loadBundle basename="mensajes" var="msgs" />
			<h1>
				<h:outputText value="#{msgs['verMovimientos.titulo']}" />
			</h1>
		
			<h3>
				<h:outputFormat value="{0} {1} - {2}">
					<f:param value="#{msgs['verMovimientos.cuenta']}" />
					<f:param value="#{movimientosBean.cuenta.getSigla()}" />
					<f:param value="#{movimientosBean.cuenta.numero}" />
				</h:outputFormat>
			</h3>
			
			<h:messages errorStyle="color: red;" />
			<h:form>
				<h:dataTable value="#{movimientosBean.movimientos}" var="mov"
					styleClass="table_style">
					<h:column>
						<!-- Fecha de movimiento -->
						<f:facet name="header">
							<h:outputLabel for="fechaMov"
								value="Fecha " />
						</f:facet>
						<!-- row record -->
						<h:outputText id="fechaMov" value="#{mov.fecha}" />
					</h:column>
					<h:column>
						<!-- Tipo Movimiento -->
						<f:facet name="header">
							<h:outputLabel for="tipoMov"
								value="Tipo de Movimiento" />
						</f:facet>
						<!-- row record -->
						<h:outputText id="tipoMov" value="#{mov.getTipo()}" />
					</h:column>
					<h:column>
						<!-- Descripcion -->
						<f:facet name="header">
							<h:outputLabel for="descMov"
								value="Descripcion " />
						</f:facet>
						<!-- row record -->
						<h:outputText id="descMov" value="#{mov.comentario}" />
					</h:column>
					<h:column>
						<!-- Importe Movimiento -->
						<f:facet name="header">
							<h:outputLabel value="Importe" />
						</f:facet>
						<!-- row record -->
						<h:outputText value="#{mov.monto}" rendered="#{mov.monto > 0}">
							<f:convertNumber pattern="#,##0.00" />
						</h:outputText>
						<h:outputText style="color:red;" value="#{mov.monto}"
							rendered="#{mov.monto < 0}">
							<f:convertNumber pattern="#,##0.00" />
						</h:outputText>
					</h:column>
					
				</h:dataTable>
				<br />
				<h:panelGroup>
					<h:commandButton id="btnVolver" 
						value="Volver"
						action="consultarCuentas" />
					<h:commandButton id="btnExportar"
						value="Exportar"
						action="#{movimientosBean.exportar}" />
				</h:panelGroup>
		
			</h:form>
		</f:view>
	</div>
</body>
</html>